<template>
    <div>
        <!-- 1.组件上使用 v-model -->
        <!-- <my-input v-model="message"></my-input> -->
        <!-- 相当于 -->
        <!-- <my-input :modelValue="message" @updata:model-value="message = $event"></my-input> -->

    <!-- 2. v-model:title修改名字-->
    <my-input v-model="message" v-model:title="title"></my-input>



        <h3>{{message}}</h3>
        <h3>{{title}}</h3>
    </div>
</template>
<script>
import MyInput from './myInput.vue'
export default {
    name: '',
    components: {
        MyInput
    },
    data() {
       return {
           message: "hello yzh!",
           title: "ACE,SABO"
       }
    },
    created() {},
    methods: {},
}
</script>
<style>
</style>
